@charset "utf-8";

/* ### GLOBAL PROPERTIES ### */

html, body{
height:100%;
}

body{
font:0.75em/1.5 arial,helvetica,sans-serif;
background:url(../images/header.gif) 0 0 repeat-x;
margin:0;
padding:0;
}

h1{
font-size:1.8em;
color:#000066;
margin:0;
}

h2, h3{
font-size:1em;
color:#000;
margin:0;
padding:0;
}

h3{
font-size:1.1em;
color:#666;
font-weight:bolder;
padding:0;
margin:0;
}

#sidebar h3, #toolbar h3{
border-bottom:1px solid #DFE7FF;
margin:10px 0 10px 0;
}

/* ### PARAGRAPHS ### */

p{}

#posts p{
text-align:justify;
}

p.nomarg, p.inline{
margin:0;
padding:0;
}

p.inline{
display:inline;
}

/* ### LINKS ### */

a{
color:#CC9933;
text-decoration:none;
outline:none;
}

a:visited{
color:#DCB362;
}

a:visited:hover{
color:#666;
}

a.blacknbold{
font-weight:bolder;
}

a.help{
cursor:help;
}

ul.inlinemenu a.blacknbold{
font-size:1em;
}

a:hover, a:active, a.black, table.items a, a.blacknbold, table.items a:visited:hover, .main_item a:visited:hover{
color:#000;
}

table.items a{
display:block;
}

/* ### SPANS ## */

span.time{
color:#666;
padding-right:7px;
}

span.grey{
color:#666;
}

span.black{
color:#000;
}

span.bold{
font-weight:bolder;
}

span.small, span.smallGrey{
font-size:10px;
}

span.smallGrey{
color:#666;
}

blockquote{
background: transparent url(../images/blockquote.png) left top no-repeat;
}

blockquote span {
padding: 0 48px;
background: transparent url(../images/blockquote2.png) right bottom no-repeat;
line-height:1.5;
font-size:1.5em;
font-weight:bolder;
}

img{
border:none;
}

.clear{
clear:both;
}

.separator{
padding-top:5px;
border-top:1px solid #CCC;
margin-bottom:5px;
}

span.tutorials, span.software, span.web, span.hardware, span.games{
width:7px;
height:7px;
display:inline-block;
}

.tutorials{
background:#EB6412;
}

.web{
background:#2CAC93;
}

.software{
background:#CE0F3B;
}

.hardware{
background:#639E28;
}

.games{
background:#55B5ED;
}

.bullit{
margin-right:10px;
}

/* ### CONTAINERS ### */

#header{
height:32px;
width:980px;
margin:0 auto;
padding:10px 10px;
margin-bottom:20px;
position:relative;
}

#logo{
width:284px;
height:43px;
position:absolute;
top:10px;
left:10px;
}

#topcontent{
width:980px;
margin:0 auto;
height:40px;
padding:20px 0 0 0;
}

#announce{
display:block;
background-color:#FEFF99;
border:1px solid #FFDA99;
padding:5px;
clear:both;
opacity:0.50;
width:768px;
float:left;
}

#announce:hover{
opacity:1;
}

#searchdiv{
float:left;
width:200px;
}

#search{
float:right;
}

#container{
width:980px;
margin:0 auto;
padding:30px 10px;
min-height:450px;
}

#showreal{
height:200px;
margin-bottom:20px;
position:relative;
}

#portintro{
width:960px;
height:30px;
background:url(../images/blopaqe.png) 0 0 repeat;
color:#FFF;
border-top:1px solid #FFF;
position:absolute;
left:0;
bottom:0;
padding:10px;
}

.main_item{
width:500px;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
margin-bottom:10px;
padding:10px;
color:#666;
float:left;
}

.main_item:hover{
background-color:#EDEAEA;
}

.newsItem{
padding-bottom:40px;
text-align:justify;
}

img.main_thumb{
float:left;
width:70px;
height:70px;
margin-right:10px;
border:1px solid #0000FF;
}

.ads{
margin:15px 0;
}

.spinner{
background:url(../images/spinner.gif);
width:41px;
height:39px;
}

#main_page, #comments{
width:520px;
float:left;
margin:0 20px 0 0;
}

#posts{
width:648px;
float:left;
margin:0 20px 0 0;
}

span.code{
font-family: courier, serif;
display:block;
background:#EDEAEA;
border:1px dashed #444;
padding:10px;
margin:10px;
margin-bottom:-20px;
}

#sidebar, #toolbar, #adminbar{
float:left;
width:420px;
padding:0 0 10px 20px;
}

#toolbar{
width:269px;
}

#adminbar{
width:269px;
text-align:right;
}

.sidebar_block{
width:419px;
margin-bottom:10px;
float:left;
}

#adminBar{
float:left;
width:150px;
}

.left_block, .right_block{
float:left;
width:208px;
}

.right_block{
width:200px;
margin-left:8px;
}

.boxitem_left{
float:left;
}

#comment_container{
padding:15px 0 10px 0;
margin-top:15px;
width:990px;
border-top:1px solid #DFE7FF;
}

#comments{
float:none;
}

.comment_header{
background:url('../images/graydient.png') 0 0 repeat-x;
padding:5px 10px 5px 10px;
margin-top:10px;
border:1px solid #666;
border-bottom:0px;
}

.comment_content{
padding:5px 10px 5px 10px;
border:1px solid #0000FF;
border-top:0px;
}

.widgetBox{
background:#EDEAEA url('../images/graydient.png') 0 0 repeat-x;
padding:10px;
padding-top:3px;
border:1px solid #CCC;
}

.infobox{
padding:0;
margin:0;
}

#avatar, #avatar_left{
width:100px;
float:right;
border:1px solid #0000FF;
margin:10px;
}

#avatar{
margin-right:0;
}

#avatar_left{
float:left;
margin-left:0;
}

#footer{
padding:20px 0;
text-align:center;
background:#D4F0FF;
border-top:1px solid #CCC;
}

ul#boxes{
list-style:none;
display:inline;
margin:0;
padding:0;
}

ul#boxes li{
list-style:none;
display:inline;
margin:0;
padding:5px;
}

/* ### MENUS AND LISTS ### */

ul.sumlist, ul.sumlist_bullit, ul.members, ul.recent{
display:block;
list-style:none;
padding:0 0 0 10px;
margin:0;
}

ul.sumlist li, ul.sumlist_bullit li{
display:block;
list-style:none;
padding:1px;
}

ul.sumlist li.active a{
text-decoration:underline;
}

ul.members li{
padding:2px 0 2px 0;
}

ul.members li img.usravatar{
width:20px;
height:20px;
float:left;
margin-right:10px;
}

ul#recentTracks{
margin:0;
padding:0;
}

ul.inlinemenu, ul.inline, ul#menu{
display:inline;
list-style:none;
margin:0;
padding:3px;
}

ul.inlinemenu{
position:fixed;
right:5px;
bottom:0px;
background:yellow;
}

ul.inlinemenu li, ul.inline li, ul#menu li{
display:inline;
}

ul.inline{
position:static;
}

/* ### MAIN MENU ### */

ul#menu{
float:right;
font-weight:bold;
margin:23px 0 0 0;
padding:0;
}

ul#menu li{
float:left;
display:block;
margin-left:4px;
background:#FFF;
border:1px solid #FFF;
border-bottom:1px solid #FFF;
padding:0 10px;
}

ul#menu li:hover, ul#menu li.active{
background:#ADE3FF;
}

ul#menu li.active{
border-bottom:1px solid #ADE3FF;
}

ul#menu li a{
color:#666;
}

ul#menu li.active a{
color:#000;
}

#adminbar ul{
margin:0;
padding:0;
list-style:none;
}

/* ### Sub Menu ### */

#sublinks{
width:auto;
margin:0 auto;
font-size:11px;
}

#sublinks ul{
line-height:11px;
}

#sublinks ul li{
display:inline;
}

#sublinks ul li a, #sublinks ul li a:visited {
padding:0 10px;
display:block;
text-decoration:none;
float:right;
color:#000;
}
#sublinks ul li a:hover{
text-decoration:underline;
}

#s1, #s2, #s3, #s4, #s5{
display:none;
}

ul.nextprev{
display:block;
list-style:none;
margin:15px 0 0 0;
padding:5px;
}

ul.nextprev li a{
display:block;
padding-left:15px;
color:#666;
font-weight:bold;
}

ul.nextprev li.next a{
background:url('../images/arrow_up.gif') 0 0 no-repeat;
}

ul.nextprev li.prev a{
background:url('../images/arrow_down.gif') 0 0 no-repeat;
}

/* ### TABLES ### */

table.items{
width:100%;
margin:0 0 20px 0;
padding:0;
border:1px solid #CCC;
}

table.items td{
padding:3px;
}

tr.first{
background:url(../images/graydient.png) 0 0 repeat-x;
}

tr.even{
background-color:#EDEAEA;
width:100%;
}

tr.odd{
background-color:#FFF;
}

tr.odd:hover, tr.even:hover{
background-color:#FFF1A8;
cursor:pointer;
}

.infobox th, .boxitem{
font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#4F6B72;
border:1px solid #C1DAD7;
border-left:none;
letter-spacing:2px;
text-align:left;
padding:6px 6px 6px 12px;
background:#CAE8EA url(../images/bg_header.jpg) no-repeat;
}

.infobox td {
border-right:1px solid #C1DAD7;
border-bottom:1px solid #C1DAD7;
background:#FFF;
padding:6px 6px 6px 12px;
color: #4F6B72;
}

.infobox th.spec {
border-left:1px solid #C1DAD7;
border-top:0;
background:#FFF;
font:bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.infobox th.specalt {
border-left:1px solid #C1DAD7;
border-top:0;
background:#F5FaFa;
font:bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#797268;
}

/* ### BACK-END/INPUTS ### */

form.softForm{
margin-top:20px;
}

form.cms_form_edit{
float:left;
width:600px;
padding:10px;
}

.comment_form{
margin-top:40px;
}

.inputtxt, .idleField, .inputtxt_title, .inputtxt_login{
background:#EEE;
color:#6F6F6F;
border:solid 2px #DFDFDF;
padding:4px;
}

.idleField, .focusField{
width:180px;
height:18px;
}

.focusField{
border:solid 2px #73A6FF;
background:#EFF5FF;
color:#000;
padding:4px;
}

.inputtxt{
width:578px;
}

.inputtxt_title{
width:578px;
font-size:1.5em;
font-weight:bolder;
}

.inputtxt_login{
width:260px;
margin-bottom:10px;
}

.cms_txtarea, .comment_txtarea{
width:578px;
border:solid 2px #DFDFDF;
}

.comment_txtarea{
width:646px;
background:url(../images/comment_input_bg.png) 0 0 repeat-x;
background-color:#FFF1A8;
min-height:100px;
}

input.inputtxt_red{
width:50%;
margin-bottom:7px;
}

input.inputtxt_red{
border:1px dashed #FF0000;
}

fieldset{
margin:0;
padding:0;
font:80%/1 sans-serif;
border:none;
}
  
label{
float:left;
width:15%;
margin-right:0.5em;
padding-top:0.2em;
text-align:right;
font-weight:bold;
}

/*### START OF SLIDEVIEWER ###*/

.svw{
width:50px;
height:20px;
}

.svw ul{
position:relative;
left:-999em;
}

.ldrgif{
width:16px;
height:16px;
background:url('../images/svwloader.gif') 0 0 no-repeat;
}

.stripViewer{
position:relative;
overflow:hidden;
border:3px solid #DFE7FF;
margin:0 0 1px 0;
}

.stripViewer ul{
margin:0;
padding:0;
position:relative;
left:0;
top:0;
width:1%;
list-style-type:none;
}

.stripViewer ul li{
float:left;
position:relative;
}

.stripTransmitter{
overflow:auto;
width:1%;
}

.stripTransmitter ul{
margin:0;
padding:0;
position:relative;
list-style-type:none;
}

.stripTransmitter ul li{
width:20px;
float:left;
margin:0 1px 1px 0;
}

.stripTransmitter a{
font:bold 10px Verdana, Arial;
text-align:center;
line-height:22px;
background:#666;
color:#FFF;
text-decoration:none;
display:block;
}

.stripTransmitter a:hover, a.current{
background:#FFF;
color:#FF0000;
}

.featured-meta-data{
background:url(../images/blopaqe.png) 0 0 repeat;
padding:10px;
height:57px;
width:399px;
position:absolute;
bottom:0;
z-index:999;
color:#FFF;
border-top:1px solid #3b3b3b;
}

.featured-meta-data span{
font-size:11px;
}

.active-thumb{
background:transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat;
}

/* ### END SLIDEVIEWER ### */

/* ### START OF WALLPAPER GALLERY ### */
.album-wrapper .photo{
width:98px;
text-align:left;
vertical-align:middle;
float:left;
}

.album-wrapper .photo img{
border:none;
}

.album-wrapper .photo small{
color:#AAA;
font-size:0.9em;
}
/* ### END OF WALLPAPER GALLERY ### */

/* ### START OF COLORBOX ### */
#colorbox, #cboxOverlay, #cboxWrapper{
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
}

#cboxOverlay{
position:fixed;
width:100%;
height:100%;
}

#cboxMiddleLeft, #cboxBottomLeft{
clear:left;
}

#cboxContent{
position:relative;
}

#cboxLoadedContent{
overflow:auto;
}

#cboxLoadedContent iframe{
display:block;
width:100%;
height:100%;
border:0;
}

#cboxTitle{
margin:0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic{
position:absolute;
top:0;
left:0;
width:100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
cursor:pointer;
}

#cboxOverlay{
background:#000;
}

#colorbox{}

#cboxContent{
background:#000;
margin-top:20px;
}

#cboxLoadedContent{
background:#000;
padding:5px;
}

#cboxTitle{
position:absolute;
top:-20px;
left:0;
color:#CCC;
}

#cboxCurrent{
position:absolute;
top:-20px;
right:0px;
color:#CCC;
}

#cboxSlideshow{
position:absolute;
top:-20px;
right:90px;
color:#FFF;
}

#cboxPrevious{
position:absolute;
top:50%;
left:5px;
margin-top:-32px;
background:url(../images/controls.png) top left no-repeat;
width:28px;
height:65px;
text-indent:-9999px;
}

#cboxPrevious.hover{
background-position:bottom left;
}

#cboxNext{
position:absolute;
top:50%;
right:5px;
margin-top:-32px;
background:url(../images/controls.png) top right no-repeat;
width:28px;
height:65px;
text-indent:-9999px;
}

#cboxNext.hover{
background-position:bottom right;
}

#cboxLoadingOverlay{
background:#000;
}

#cboxLoadingGraphic{
background:url(../images/loading.gif) center center no-repeat;
}

#cboxClose{
position:absolute;
top:5px;
right:5px;
display:block;
background:url(../images/controls.png) top center no-repeat;
width:38px;
height:19px;
text-indent:-9999px;
}

#cboxClose.hover{
background-position:bottom center;
}
/* ### END OF COLORBOX ### */

.rte-zone{
margin:0;
padding:0;
border:1px #CCC solid;
clear:both;
font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.rte-zone textarea{
padding:0;
margin:0;
border:0;
position:relative;
left:0;
clear:both;
}

.rte-resizer{
width:100%;
height:20px;
margin:0;
padding:0;
display:block;
border-top:1px solid #CCC;
background-color:#EFEFEF;
}

.rte-resizer a{
background:url('../images/rte_icons.gif') no-repeat 0 0;
background-position:0 -688px;
width:16px;
height:16px;
display:block;
float:right;
cursor:se-resize;
margin-top:4px;
}

.rte-toolbar{
width:100%;
margin:0;
padding:0;
display:block;
border-bottom:1px dashed #CCC;
background-color:#EFEFEF;
font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.rte-toolbar p{
margin:0;
padding:0;
clear:both;
}

.rte-toolbar select{
font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;
height:16px;
padding:0;
margin:0;
}

.rte-panel{
position:absolute;
left:0;
top:0;
border:1px solid #CCC;
display:block;
clear:both;
margin:0;
padding:5px 5px 0 5px;
background:#f0f0f0;
font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.rte-panel div.rte-panel-title{
font-weight:bold;
margin:-5px -5px 5px -5px;
padding:5px;
height:16px;
line-height:16px;
background:#e0e0e0;
border-bottom:1px solid #CCC;
display:block;
clear:both;
cursor:move;
}

.rte-panel div.rte-panel-title .close{
position:absolute;
top:0;
right:0;
display:block;
float:right;
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#f00;
}

.rte-panel label{
display:block;
float:left;
width:50px;
margin:0 5px 0 2px;
font-weight:bold;
font-size:10px;
text-align:right;
line-height:20px;
font-size:100%;
}

.rte-panel input,.rte-panel select{
margin:0 5px 0 2px;
padding:0;
height:20px;
font-size:10px;
border:1px solid #ccc;
float:left;
vertical-align:middle;
line-height:20px;
}

.rte-panel button{
margin:0 5px 0 2px;
padding:2px 5px;
font-size:10px;
border:1px solid #CCC;
float:left;
vertical-align:middle;
}

.rte-panel p.submit{
margin:5px -5px 0 -5px;
padding:5px;
height:20px;
line-height:20px;
background:#e0e0e0;
border-top:1px solid #CCC;
display:block;
clear:both;
}

.rte-panel p.submit button{
width:60px;
padding:2px 5px;
margin-left:10px;
font-weight:bold;
}

.rte-panel .colorpicker1,.rte-panel .colorpicker2{
margin:0 5px 0 0;
padding:0;
float:left;
border:1px solid #000;
}

.rte-panel .colorpicker2{
margin:0;
border:0;
}

.rte-panel .colorpicker1 .rgb{
background:url('../images/rte_colorpicker_rgb.jpg') no-repeat 0 0;
width:300px;
height:150px;
cursor:crosshair;
}

.rte-panel .colorpicker1 .gray{
background:url('../images/rte_colorpicker_gray.jpg') no-repeat 0 0;
width:15px;
height:150px;
cursor:crosshair;
}

.rte-panel .colorpicker2 .preview{
margin:3px 0;
padding:0;
width:50px;
height:50px;
border:1px solid #000;
clear:both;
background:#000;
}

.rte-panel .colorpicker2 .color{
margin:3px 0;
padding:0;
clear:both;
}

.rte-panel .colorpicker2 .palette{
margin:0;
padding:0;
width:50px;
height:50px;
border:1px solid #000;
cursor:crosshair;
clear:both;
font-size:1px;
}

.rte-panel .symbols{
margin:0;
padding:0;
clear:both;
}

.rte-panel .symbols a{
font-size:14px;
line-height:14px;
vertical-align:middle;
text-align:center;
width:18px;
height:18px;
float:left;
color:#000;
text-decoration:none;
}

.rte-panel .symbols a:hover{
background:#ccc;
}

.rte-panel .colorpicker2 .palette .item{
width:10px;
height:10px;
margin:0;
padding:0;
float:left;
cursor:crosshair;
border:0;
}

.rte-panel img{
padding:0;
margin:0;
border:0;
}

.rte-toolbar div.clear{
display:block;
clear:both;
border:0;
padding:0;
padding:2px 0 0 0;
margin:0;
}

.rte-toolbar ul{
display:block;
margin:0;
padding:0;
width:100%;
}

.rte-toolbar ul li{
list-style-type:none;
float:left;
padding:0;
margin:5px 2px;
height:16px;
}

.rte-toolbar ul li.separator{
height:16px;
margin:5px;
border-left:1px solid #ccc;
}

.rte-toolbar ul li a{
border:1px solid #fdfdfd;
display:block;
width:16px;
height:16px;
background:url('../images/rte_icons.gif') no-repeat 0 0;
cursor:pointer;
margin:0;
padding:0;
opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity = 50);
}

.rte-toolbar ul li a:hover,.rte-toolbar ul li a.active{
opacity:1.0;
-moz-opacity:1.0;
filter:alpha(opacity = 100);
}

.rte-toolbar ul li a.active{
background-color:#F9F9F9;
border:1px solid #CCC;
}

.rte-toolbar ul li a.empty{
background-position:0 0;
}

.rte-toolbar ul li a.bold{
background-position:0 -112px;
}

.rte-toolbar ul li a.italic{
background-position:0 -128px;
}

.rte-toolbar ul li a.strikeThrough{
background-position:0 -144px;
}

.rte-toolbar ul li a.underline{
background-position:0 -160px;
}

.rte-toolbar ul li a.subscript{
background-position:0 -176px;
}

.rte-toolbar ul li a.superscript{
background-position:0 -192px;
}

.rte-toolbar ul li a.disable{
background-position:0 -480px;
}

.rte-toolbar ul li a.enable{
background-position:0 -592px;
}

.rte-toolbar ul li a.unorderedList{
background-position:0 -320px;
}

.rte-toolbar ul li a.orderedList{
background-position:0 -336px;
}

.rte-toolbar ul li a.justifyLeft{
background-position:0 -16px;
}

.rte-toolbar ul li a.justifyCenter{
background-position:0 -32px;
}

.rte-toolbar ul li a.justifyRight{
background-position:0 -48px;
}

.rte-toolbar ul li a.justifyFull{
background-position:0 -64px;
}

.rte-toolbar ul li a.indent{
background-position:0 -80px;
}

.rte-toolbar ul li a.outdent{
background-position:0 -96px;
}

.rte-toolbar ul li a.removeFormat{
background-position:0 -352px;
}

.rte-toolbar ul li a.h1{
background-position:0 -208px;
}

.rte-toolbar ul li a.h2{
background-position:0 -224px;
}

.rte-toolbar ul li a.h3{
background-position:0 -240px;
}

.rte-toolbar ul li a.h4{
background-position:0 -256px;
}

.rte-toolbar ul li a.h5{
background-position:0 -272px;
}

.rte-toolbar ul li a.h6{
background-position:0 -288px;
}

.rte-toolbar ul li a.increaseFontSize{
background-position:0 -512px;
}

.rte-toolbar ul li a.decreaseFontSize{
background-position:0 -528px;
}

.rte-toolbar ul li a.image{
background-position:0 -560px;
}

.rte-toolbar ul li a.word{
background-position:0 -576px;
}

.rte-toolbar ul li a.clear{
background-position:0 -608px;
}

.rte-toolbar ul li a.link{
background-position:0 -384px;
}

.rte-toolbar ul li a.color{
background-position:0 -624px;
}

.rte-toolbar ul li a.unlink{
background-position:0 -640px;
}